<template>
	<div>
		<QuillEditor :value="emailForm.msg" @updateValue="getMsg"></QuillEditor>
		<el-button type="primary" size="large" @click="getAllText">提交</el-button>
	</div>
</template>

<script lang="ts" setup>
	import QuillEditor from "../components/QuillEditor.vue"
	import { ref,reactive } from 'vue'
	
	const emailForm = ref({
	msg: '<p>为什么有些家长似乎从来都不会考虑孩子们的感受呐？</p><p>&nbsp;</p><p>对于这个问题，我脑海中冒出来的唯一一个答案就是：<strong>因为他们不会</strong>。</p><p>&nbsp;</p><p>这里的不会其实有很多的无奈，不是不想，是想但是不会。</p><p>&nbsp;</p><p><strong style="color: rgb(255, 255, 255); background-color: rgb(41, 128, 185);">&nbsp;01 共情&nbsp;</strong></p><p><strong style="color: rgb(41, 128, 185);">考虑孩子的感受，或者说考虑别人的感受需要什么？</strong></p><p>&nbsp;</p><p><strong>1、共情的能力</strong></p><p>&nbsp;</p><p>共情，简单点说其实就是<strong>站在别人的角度去理解和感同身受别人的感受</strong>。也就是如果那个人是你，你会感受到什么。理论上来讲你会感受到与他同样的感受，这叫做共情。</p><p>&nbsp;</p><p><strong>2、共情vs同情</strong></p><p>&nbsp;</p><p>共情是他感觉到难过，你也同样在这样的境遇当中感觉到难过，所以你理解这种感受，你们是平等的地位，或者说给人的感觉你们是<strong style="color: rgb(192, 57, 43);">站在一个战线，在一个坑里的</strong>，被共情的人感受到被理解和陪伴。</p><p>&nbsp;</p><p>而同情，是你觉得他难过，你感觉不舒服，你不一定感受到他的境遇中的难过，这个时候被同情的人感觉是不平等的，不在一起，是<strong>同情的人站在高处看着被同情的人站在谷底</strong>。</p><p>&nbsp;</p><p class="ql-align-center"><img src=""><img src="https://jdxl-img.jdxlt.com/images/14c9475768c14b81a83af87821f77ae0.jpg"></p><p><br></p>'
	// msg: ''
	})
	
	const getMsg = (val) => {
	emailForm.value.msg = val
	console.log('监听的值：',val);
	}
	const getAllText=()=>{
		console.log('提交内容：',emailForm.value.msg);
	}
</script>

<style scoped>
</style>